開頭

先來從 App 的畫面開始吧，這次鐵人賽的 App 會有兩個畫面，一個是設定頁，另一個是筆記頁，所以先把這兩個頁面建立好

檔案建立

建立 Navigation 資料夾

1. res 資料夾右鍵
2. New 左鍵
3. Android Resource Directory 左鍵

4. Resource type 選擇 navigation
5. OK 左鍵

建立 Navigation XML

1. navigation 資料夾 右鍵
2. new
3. Navigation Resource File 左鍵

4. 建立 main_navigation 檔案

5. 可能會跳視窗出來，點 OK 就好
6. 等他跑完

頁面建立

操作

1. 點圖中的按鈕
2. Create new destination 左鍵

3. 選左上的 Fragment(Blank)
4. Next 左鍵

5. 第一個頁面是筆記頁面，所以在最上面的輸入框輸入名稱 noteFragment，中間和下面不用改，他會自己變動
6. Finish 左鍵

7. 等他跑完就會看到第一個頁面建立完成

8. 重覆上面的動作，再做一個 settingFragment 來當設定頁

Activity 顯示

在activity_main.xml貼上

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/amMainNavigation"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/main_navigation" />
</androidx.constraintlayout.widget.ConstraintLayout>

跳轉頁面

1. noteFragment 拉箭頭到 settingFragment

2. 打開 main_navigation.xml 的程式碼頁面，把<action的 id 找出來

3. 點擊事件（這個先筆記起來，之後會用到）

setOnClickListener {
    findNavController().navigate(R.id.action_noteFragment_to_settingFragment)
}

傳值和接值

這個也是先筆記起來，之後會用到

傳值

1. main_navigation.xml 增加 Argument

<fragment
    android:id="@+id/Fragment">
    <argument
        android:name="你的Key"
        app:argType="資料形態" />
</fragment>

2. findNavController直接寫入

findNavController().navigate(你的FragmentDirections.actionFragmentToFragment(你的值))

接值

1. 目的 Fragment 建立 args 變數

private val args: 你的FragmentArgs by navArgs()

2. 直接用 args 就好

args.你的Key